const vue = [
    {
        path: 'vue',
        name: 'vue',
        component: () => import('@/views/view-vue'),
        children: [
            {
                path: 'customEvent',
                name: '自定义事件',
                component: () => import('@/views/view-vue/customEvent'),
                children: [
                    {
                        path: 'example1',
                        name: '自定义组件上如何用v-model',
                        component: () => import('@/views/view-vue/customEvent/example1')
                    },
                    {
                        path: 'example2',
                        name: '定制 prop 和 event',
                        component: () => import('@/views/view-vue/customEvent/example2')
                    },
                    {
                        path: 'example3',
                        name: 'v-model的不生效和.sync的语法糖',
                        component: () => import('@/views/view-vue/customEvent/example3')
                    }
                ]
            },{
                path: 'loop',
                name:'无限循环',
                component: () => import('@/views/view-vue/loop'),
                children: []
            },{
                path: 'vdomH',
                name:'虚拟dom',
                component: () => import('@/views/view-vue/vdomH'),
                children: []
            },
            {
                path: 'non-trace-refresh',
                name:'实现无痕刷新',
                component: () => import('@/views/view-vue/non-trace-refresh')
            },
            {
                path: 'responsive-array',
                name: '关于数组的响应式',
                component: () => import('@/views/view-vue/responsive-array')
            }
        ]
    }
]

export default vue;
